.wrapper {
    width: 100%;
}
.vitality{
    background: url("../images/bg/01.jpg") no-repeat top center fixed ;
}
.tour{
    background: url("../images/bg/02.jpg") no-repeat top center fixed ;
}
.disease{
    background: url("../images/bg/03.jpg") no-repeat top center fixed ;
}
.trip{
    background: url("../images/bg/04.jpg") no-repeat top center fixed ;
}
.exam{
    background: url("../images/bg/07.jpg") no-repeat top center fixed ;
}
.movie{
    background: url("../images/bg/08.jpg") no-repeat top center fixed ;
}
.platform{
    background: url("../images/bg/09.jpg") no-repeat top center fixed ;
}

.main {
    width: 100%;
    margin: 0 auto;
}
.banner{
    height: 60px;
    line-height: 60px;
    width: 96%;
    margin: 0 auto;
    border-bottom: 2px solid;
}
.vitality .banner{
    border-color: #6987ea;
}
.tour .banner{
    border-color: #1abab9;
}
.disease .banner{
    border-color: #f7aa27;
}
.trip .banner{
     border-color: #36aae5;
 }
.exam .banner{
    border-color: #a986ec;
}
.movie .banner{
    border-color: #f7e280;
}
.platform .banner{
    border-color: #4b83dc;
}
.banner span{
    color: #333;
    display: inline-block;
    padding: 0 20px;
    font-size: 24px;
    font-family: '微软雅黑';
}
.nav{
    width: 160px;
    position: fixed;
    top: 70px;
    left: 2%;
    z-index: 99;
    -webkit-box-shadow: 0 1px 3px #ddd;
    -moz-box-shadow: 0 1px 3px #ddd;
    box-shadow: 0 1px 3px #ddd;
    border: 1px solid #ddd;
    border-top: 0;
}
.fixed{top: 10px; /*left: 10px*/}
.nav_tit{
    width: 100%;
    height:45px;
    line-height: 45px;
}
.nav_tit p{
    padding-left: 20px;
    color: #fff;
    font-size: 16px;
    font-family: '微软雅黑';
}
.tour .nav_tit{
    background-color: #1abab9;
}
.exam .nav_tit{
    background-color: #a986ec;
}
.vitality .nav_tit{
    background-color: #6987ea;
}
ul.third-menu{
    background-color: #fff;
    margin: 0;
}
.tour .nav ul.third-menu{
    border-left: 2px solid #19a5a4;
}
.exam .nav ul.third-menu{
    border-left: 2px solid #9060ED;
}
.vitality .nav ul.third-menu{
    border-left: 2px solid #5074EA;
}
.third-menu>li{
    height: 42px;
    line-height: 42px;
}
.third-menu>li>a{
    color: #111;
    font-size: 14px;
    font-family: '微软雅黑';
    display: block;
    padding-left: 20px;
    text-decoration: none;
}
.third-menu>li>a:after {
    padding-left: 5px;
    content: '';
}
.third-menu>li.yes-tab>a:after {
    content: '>'!important;
}
.tour .third-menu>li:hover>a,.tour .third-menu>li.selected>a{
    background-color: #19a5a4;
    color: #fff;
}
.exam .third-menu>li:hover>a,.exam .third-menu>li.selected>a{
    background-color: #9060ED;
    color: #fff;
}
.vitality .third-menu>li:hover>a,.vitality .third-menu>li.selected>a{
    background-color: #5074EA;
    color: #fff;
}
/* 二三级菜单 */
.sub-menu{
    width: 500px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 3px #ddd;
    -moz-box-shadow: 0 1px 3px #ddd;
    box-shadow: 0 1px 3px #ddd;
    position: absolute;
    top: 0;
    left: 160px;
    z-index: 999;
    display: none;
}
.tour .sub-menu{
    border-top: 2px solid #19a5a4;
}
.exam .sub-menu{
    border-top: 2px solid #a986ec;
}
.vitality .sub-menu{
    border-top: 2px solid #6987ea;
}

.panel-head{zoom:1; height: 45px; padding: 0 6px;}
.form-select{margin:10px 0 0 4px;border-width:1px 1px 0;border-style:solid;border-color:transparent;_border-color:#fff;width:133px;cursor:pointer;outline:0;zoom:1;_border:1px solid #e8e8e8}
.form-select_hk{float:left;margin:9px 0 0 4px;position:relative;z-index:10;border-width:1px 1px 0;border-style:solid;border-color:transparent;_border-color:#fff;width:133px;cursor:pointer;outline:0;zoom:1}
.form-select_hk:before,.form-select_hk:after{display:table;content:"";clear:both}
.form-select_hk:after{clear:both}
.panel-head hr{border-width: 1px 0 0 0;border-color: #dedede;border-style: dotted;clear: both; margin-top:0; margin-bottom: 10px;}
.form-select ul{display:none;zoom:1;padding-top:5px;width:133px;border-width:0 1px 1px;border-style:solid;border-color:#dfdfdf;position:absolute;left:10px;top:auto;_position:static;background:#fff;zoom:1}
.form-select_hk ul{display:none;zoom:1;clear:both;padding-top:5px;width:310px;border-width:0 1px 1px;border-style:solid;border-color:#dfdfdf;position:absolute;left:-1px;z-index:10;background:#fff; margin: 0}
.form-select ul:before,.form-select ul:after{display:table;content:"";line-height:0}
.form-select_hk ul:before,.form-select_hk ul:after{display:table;content:"";line-height:0}
.form-select ul:after{clear:both}
.form-select_hk ul:after{clear:both}
.form-select ul li{float:none}
.form-select_hk ul li{float:left;width:150px;margin-right:5px}
.form-select ul li a,.form-select ul li span{display:block;padding:11px 0 11px 5px;color:#919191}
.form-select_hk ul li a,.form-select_hk ul li span{display:block;padding:11px 0 11px 5px;color:#919191; font-size: 12px}
.form-select ul li a:hover,.form-select ul li span:hover{background-color:#ececec; color:#919191; text-decoration: none }
.form-select_hk ul li a:hover,.form-select_hk ul li span:hover{background-color:#ececec; color:#919191; text-decoration: none}
.form-select .select-title{display:block;padding:10px 0 10px 7px;border-bottom:1px solid transparent;_border-bottom-color:#fff;outline:0;white-space:nowrap;overflow:hidden}
.form-select_hk .select-title{display:block;padding:9px 0 9px 7px; line-height:14px; border-bottom:1px solid transparent;_border-bottom-color:#fff;outline:0;white-space:nowrap;overflow:hidden}
.form-select .select-title:after{font-size:12px;content:'\2228';font-family:Arial;font-weight:bold;padding-left:5px;color:#ddd}
.form-select_hk .select-title:after{font-size:12px;content:'\2228';font-family:Arial;font-weight:bold;padding-left:5px;color:#ddd}
.form-select .select-title:hover:after{content:'\2227'}
.form-select_hk .select-title:hover:after{content:'\2227'}
.form-select-hover{border-color:#dfdfdf}
.form-select-hover .select-title{border-bottom-color:#e8e8e8}
.form-select-hover ul{display:block}

.sub-menu .panel-body {overflow-y: auto; overflow-x: hidden; margin-top: 10px; padding-bottom: 0; width: 100%; zoom: 1;}
.panel-list{padding-left: 20px; font-size: 12px}
.panel-list dl{zoom: 1; clear: both; margin-bottom: 0}
.panel-list dl:after {clear: both;}
.panel-list dl dt {float: left;margin-right: 12px;height: 34px;line-height: 34px;font-family: '微软雅黑';font-weight: bold; background-image: url("../images/icons.png"); background-position: 0 -625px; background-repeat: no-repeat;padding-left: 10px;}
.panel-list dl dt a{color: #333}
.panel-list dl dd{  overflow: hidden;}
.panel-body .panel-list dl dd ul {padding: 0;margin-left: -9px;margin-right: 0;zoom: 1; clear: both;}
.panel-body .panel-list dl dd ul:before,.panel-body .panel-list dl dd ul:after{display: table;content: "";line-height: 0;}
.panel-body .panel-list dl dd ul li {width: auto;margin: 8px 0 8px 12px;border-left: 1px solid #ddd; float: left; line-height: 18px}
.panel-body .panel-list dl dd ul li a {display: inline;line-height: 1;height: auto;padding: 0 0 0 12px;background-image: none; color: #333}
.panel-body .panel-list dl dd ul li a:hover{color: #08c; background-color: #fff}

.panel-body::-webkit-scrollbar{width:6px}
.panel-body::-webkit-scrollbar-track{background-color:#f1f1f1}
.panel-body::-webkit-scrollbar-thumb{background-color:#dcdcdc}
.panel-body::-webkit-scrollbar-thumb:hover{background-color:#bcbcbc}
.panel-body::-webkit-scrollbar-corner{display:none}
.panel-body::-webkit-scrollbar-resizer{display:none}


.two{
    width: 96%;
    margin: 0 auto;
    float: none;
}
.three{
    width: 81%;
    padding-left: 17%;
    padding-right: 2%;
}
.content{
    width: 100%;
    padding: 0 0 50px;
}
.content .cell{
    border: 1px solid;
    padding: 10px;
    position: relative;
    margin: 50px 0;
    text-align: center;
}
.content .cell>div{
    margin-top: -25px;
}
.vitality .cell{
    border-color: #6987ea;
}
.tour .cell{
    border-color: #1abab9;
}
.disease .cell{
    border-color: #f7aa27;
}
.trip .cell{
    border-color: #36aae5;
}
.exam .cell{
    border-color: #a986ec;
}
.movie .cell{
    border-color: #f7e280;
}
.platform .cell{
    border-color: #4b83dc;
}
.title-span {
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    font-size: 22px;
    font-family: '微软雅黑';
    padding: 5px 30px;
    border-radius: 5px;
    float: none;
    color: #fff;
    position: relative;
    top: -32px;
    margin-left: 0;
}
.vitality .title-span{
    background-color: #6987ea;
}
.tour .title-span{
    background-color: #1abab9;
}
.disease .title-span{
    background-color: #f7aa27;
}
.trip .title-span{
    background-color: #36aae5;
}
.exam .title-span{
    background-color: #a986ec;
}
.movie .title-span{
    background-color: #f7e280;
}
.platform .title-span{
    background-color: #4b83dc;
}

/* 民生实事列表 */
.lists{padding-top: 10px}
.lists .snotice_ul{margin:0 auto;}
.lists .snotice_ul li{height:45px; line-height:45px; border-bottom:1px dotted #999; padding:0 10px; font-size: 14px}
.lists .snotice_ul li i{color:#80bf19; font-family:arial; margin-right:5px}
.lists .snotice_ul li .tips{color:#dc2236; margin-right:5px}
.lists .snotice_ul li a{color:#555; text-decoration: none}
.lists .snotice_ul li a:hover{color:#4b83dc}
.lists .snotice_ul li .time{color:#999;}
.lists .fl {float: left;display: inline;}
.lists .delete{float:right}


@media screen and (max-width: 1050px) {
    .nav{width: 140px;}
    .fixed{top: 10px;}
    .sub-menu{left: 140px;}
    .three{ width: 80%; padding-left: 18%;}
}
